<template>
  <div>
    <h5 class="mb-4">下探明细</h5>

    <div class="row">
      <div class="col-sm-6 col-xl-6">
        <b-card no-body header="下探接口列表" header-tag="h6" class="mb-2">
          <b-card-body>
            <sky-table :data="table.data" :columns="table.columns" :show-index="table.showIndex" :show-pagination="false" class="mt-0"></sky-table>
          </b-card-body>
        </b-card>
      </div>

      <div class="col-sm-6 col-xl-6">

        <b-card header="下探接口参数定义" header-tag="h6" class="mb-4">
          <b-card-body>
            <b-form>
              <b-form-group horizontal :label-cols="3">
                <div slot="label" class="text-sm-right pr-sm-2">下探接口别名</div>
                <b-input type="email" placeholder="企业黑名单查询" />
              </b-form-group>
              <b-form-group horizontal :label-cols="3">
                <div slot="label" class="text-sm-right pr-sm-2">下探接口</div>
                <b-input type="email" placeholder="工商黑名单" />
              </b-form-group>
              <b-form-group horizontal :label-cols="3">
                <div slot="label" class="text-sm-right pr-sm-2">企业编码</div>
                <b-input aria-disabled="" type="email" placeholder="$.result.keyNo" />
              </b-form-group>
              <b-form-group horizontal :label-cols="3">
                <div slot="label" class="text-sm-right pr-sm-2">备注</div>
                <b-textarea placeholder="Textarea" :rows="3" />
              </b-form-group>

            </b-form>

          </b-card-body>
        </b-card>
      </div>
    </div>
  </div>
</template>

<style scoped>
</style>

<script>
export default {
    name: "ConsoleDefine",
    data: () => ({
        table: {
            showIndex: false,
            data: [],
            columns: [
                {
                    title: "API名称",
                    key: "name"
                },
                {
                    title: "下探别名",
                    key: "alianame"
                },
                {
                    title: "下探类型",
                    key: "todo"
                },
                {
                    title: "状态",
                    key: "status"
                }
            ]
        }
    }),
    created() {
        let vm = this;
        vm.$http.get("/static/json/api_downlist-data.json").then(function(res) {
            // const data = JSON.parse(res.data);
            vm.table.data = res.data;
            // console.log(vm.table);
        });
    }
};
</script>
